<template>
	<view v-else class="empty-view">
		<u-icon name="error-circle" color="#2979ff" size="28"></u-icon>
		<text class="empty-text">暂无数据</text>
	</view>
</template>

<script>
export default {
	name: 'empty',
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.empty-view {
	width: 100%;
	text-align: center;
	padding: 120rpx 0;
	box-sizing: border-box;
	.empty-text {
		margin-top: 30rpx;
		color: rgb(192, 196, 204);
		font-size: 28rpx;
	}
}
::v-deep {
	.u-icon--right {
		justify-content: center;
	}
	.u-icon {
		margin-bottom: 20rpx;

		.u-icon__icon {
			font-size: 70rpx !important;
			color: rgba(93, 124, 160, 0.6) !important;
		}
	}
}
</style>
